﻿@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>@ViewBag.Title - Cofe</title>
    <link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />
    @Styles.Render("~/Content/themes/mobile/css")

</head>
<body>
    <div data-role="page" id="layoutpage" data-theme="a">
        <div data-role="header" class="header" data-position="fixed">
            @if (IsSectionDefined("Header"))
            {
                @RenderSection("Header")
            }
            else
            {
                <h1>@ViewBag.Title</h1>
                @Html.Partial("_LogOnPartial")
            }
        </div>

        <div data-role="content">
            @RenderBody()
        </div>

        <div data-role="footer" data-position="fixed">
            <div data-role="navbar">
                @if (IsSectionDefined("Footer"))
                {
                    @RenderSection("Footer")
                }
            </div>            
        </div>
    </div>


    @Scripts.Render("~/bundles/jquerymobile")
    <script src="@System.Web.Optimization.BundleTable.Bundles.ResolveBundleUrl("~/CoffeeScripts/coffee")"></script>
    @RenderSection("scripts", required: false)
</body>
</html>
